.mx-slider_wrap{position: relative;display: block;width: 100%;height:100% !important;margin: 0px auto;overflow: hidden;}
.mx-slide{position: absolute;width: 100%; height:100%; display: table;float: left;left: 0%; background:center center no-repeat; background-size:cover;}
.mx-slide .picture{width: 100%; height:100%; background:center no-repeat; background-size:cover; position:relative;}
.mx-bugs_info{position: absolute;display: block;width: 100%;bottom:0px; background:#333; background-color:rgba(0,0,0,0.4);}
.mx-bugs_info a{color: #fff;font-size: 18px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:40px; line-height:40px; padding:0 40% 0 20px; display:block;}
.mx-navigation{position: absolute;width: 100%;top:50%;z-index: 888; margin-top:-60px;}
.mx-prev,
.mx-next{background:#333 no-repeat center center; background-color:rgba(0,0,0,0.5);cursor: pointer;width:60px;height: 120px; opacity:0; transition:ease-in-out 0.2s;}
.mx-prev{background-image: url(../images/arr_l.png);float: left;}
.mx-next{background-image: url(../images/arr_r.png);float: right;}
.MxSlider:hover .mx-prev,
.MxSlider:hover .mx-next{ opacity:1;}
.mx-nav_dots{position: absolute; right:20px; height:40px; bottom: 0; text-align: left;z-index: 889;}
.mx-nav_dots span{display: inline-block;width: 15px;height: 15px;margin:0 5px;font-size: 0px;border-radius: 50%;border: 3px solid #fff;cursor: pointer;}
.mx-nav_dots span.dotActive{background-color: #ff0000;border: 3px solid #e60012;}